import dayjs from 'dayjs'
Page({
  data: {
    dateLayerVisible: false,
    houseLayerVisible: false,
    houseList: [],
    selectHouse: '',//选择的房屋
    // 选择的日期
    minDate: Date.now(),
    maxDate: dayjs().add(2, 'day').valueOf(),//最大日期 2天后
    currentDate: Date.now(),//当前日期
    visitDate: '',//选中的时间
    name: '',//姓名
    houseId: '',//房屋id
    gender: 0,//性别
    mobile: '',//手机号
    visitDate: '',//访问日期 3天以内的日期

  },

  onLoad() {
    this.getHouseList()
  },
  // 获取房屋列表
  async getHouseList() {
    const list = await wx.http.get('/house')
    this.setData({ houseList: list })
    console.log('获取到的房屋列表', list);
  },
  // 房屋的选择
  selectHouse(e) {
    console.log('房屋的选择', e.detail);
    this.setData({
      houseId: e.detail.id,
      selectHouse: e.detail.name
    })
  },
  // 选择日期
  selctDate(e) {
    console.log('选择的日期', e.detail)
    this.setData({
      visitDate: wx.utils.formatTime(e.detail),
      dateLayerVisible: false,
    })
  },
  //打开关闭 房屋弹窗
  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  //打开关闭 日期弹窗
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  async goPassport() {
    // 1. 获取数据并校验
    const { name, mobile, houseId, visitDate, gender } = this.data
    if (!houseId) return wx.utils.message('请选择房屋信息！')
    if (!/^[\u4e00-\u9fa5]{2,5}$/.test(name)) return wx.utils.message('请填写中文姓名!')
    if (!/^[1][3-8][0-9]{9}$/.test(mobile)) return wx.utils.message('请填写正确的手机号码!')
    if (!visitDate) return wx.utils.message('请选择访问日期！')
    // 2. 调用新增访客后台接口
    const data = await wx.http.post('/visitor', { name, mobile, houseId, visitDate, gender })
    //  3. 跳转访客详情页面，携带访客记录的 id
    wx.navigateTo({
      url: `/visitor_pkg/pages/passport/index?id=${data.id}`,
    })
  },
})
